@import '../../../base/sass/mixins';
@import '../../../base/sass/index';
@import '../../../base/sass/px-to-rem';

html, body {
  height: 100%;
  background: #fff;
  overflow-x: hidden;
}

.purple {
  color: purple;
}

.light-purple {
  color: #9582fc;
}

.wrap {
  background: #f2f2f2;

  .wechat-box {
    background: #fff;
    @include display-flex();
    @include align-items(center);
    @include justify-content(space-between);

    .txt {
      margin-left: px2rem(30px);
      font-size: px2rem(28px);
      color: #2d2d2d;
    }

    input {
      @include flex();
      padding: px2rem(20px 30px);
      line-height: px2rem(60px);
      text-align: right;
      font-size: px2rem(28px);
      color: #aeaeae;
    }
  }

  .withdraw-box {
    margin-top: px2rem(10px);
    background: #fff;
    padding: px2rem(30px 30px 0 30px);
    border-bottom: 1px solid #e4e4e4;

    .title {
      font-size: px2rem(28px);
      color: #2d2d2d;
      line-height: px2rem(60px);
    }

    .input-box {
      @include display-flex();
      @include align-items(center);
      border-bottom: 1px solid #e4e4e4;

      .rmb {
        font-size: px2rem(48px);
        font-weight: bold;
        color: #2d2d2d;
      }

      ::-webkit-input-placeholder { /* WebKit browsers */
        font-size: px2rem(24px);
        color: #aeaeae;
      }

      input {
        @include flex();
        padding-left: px2rem(30px);
        line-height: px2rem(60px);
        font-size: px2rem(48px);
        font-weight: bold;
        color: #2d2d2d;
      }
    }

    .tip {
      font-size: px2rem(28px);
      color: #2d2d2d;
      line-height: px2rem(60px);

      &.exceeded {
        color: red;
      }
    }

  }

  .btn-box{
    padding: px2rem(50px);
    background: #fff;

    .btn {
      display: block;
      background: rgba(149,130,252, 0.6);
      @include border-radius(100px);
      line-height: px2rem(84px);
      text-align: center;
      color: #fff;
      font-size: px2rem(36px);

      &.able {
        background: #9582fc;
      }
    }

    .txt-large {

    }

    .txt-small {
      font-size: px2rem(24px);
    }


    .tip-2 {
      margin-top: px2rem(10px);
      font-size: px2rem(24px);
      color: #aeaeae;
      text-align: center;
    }
  }


}


